<extend name='Yg/index' />
<block name='main'>
<div id="page-wrapper" style="background-image:url('__PUBLIC__/css/a.jpeg');">

            <div class="container-fluid">

                <!-- Page Heading -->
                <div class="row">
                    <div class="col-lg-12">
                        <h2 class="page-header">
                            公司联系人
                        </h2>
                        <ol class="breadcrumb">
                            <li class="active">
                                <i class="fa fa-dashboard"></i> 您的位置 => 公司联系人
                            </li>
                        </ol>
                    </div>
                </div>
                <!-- /.row -->
                <div class="row" >

                    <div class="col-lg-6 col-md-6 ">
                        <div class="panel panel-green">                          
                            <div class="panel-footer">
                                <span class="pull-left">管理层联系方式</span>
                                <span class="pull-right"><i class="glyphicon glyphicon-earphone"></i></span>
                                <div class="clearfix"></div>
                            </div>                      
                        </div>
                        <table class="table table-hover h4">
                            <thead>
                                <tr>
                                    <th>职位</th>
                                    <th>名字</th>
                                    <th>联系方式</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="info">
                                    <td>董事长</td>
                                    <td><{$bossname}></td>
                                    <td><{$bossphone}></td>
                                </tr>
                                <volist name='jingli' id='vo'>
                                <tr class="info">
                                    <td>经理</td>
                                    <td><{$vo.uname}></td>
                                    <td><{$vo.phone}></td>
                                </volist>
                                </tr>
                                
                            </tbody>
                        </table>
                    </div>
                     <div class="col-lg-6 col-md-6 ">
                        <div class="panel panel-yellow">                          
                            <div class="panel-footer">
                                <span class="pull-left">部门员工</span>
                                <span class="pull-right"><i class="glyphicon glyphicon-earphone"></i></span>
                                <div class="clearfix"></div>
                            </div>                      
                        </div>
                        <div>
                            <select class="form-control" onchange="Change()" id="sel">
                                        <option>请选择</option>
                                  <volist name='group' id='v'>
                                        <option value=<{$i}>><{$v}></option>
                                  </volist>
                            </select>
                        </div>

                        <table class="table table-hover h4">
                            <thead>
                                <tr>
                                    <th> 名字</th>
                                    <th> 联系方式</th>
                                </tr>
                            </thead>
                            <tbody id='ajax1'>
                              
                            </tbody>
                        </table>
                    </div>
                </div>
                <!-- /.row -->

            </div>
            <!-- /.container-fluid -->

        </div>
        <script type="text/javascript">
        function Change(){
        //清空之前查询的
        $('#ajax1').empty();
        //获得下拉框值
        var mobile=$("#sel").val();
        
        $.ajax({
                type:"POST",
                url:"<{:U('Lxr/doAjax')}>",
                dateType:'json',
                data: {"mobile":mobile},
                success:function (data){
                    for (var i = 0; i < data.length; i++) {
                        $("<tr class='info'>").html($("<td>").html(data[i].uname)).append($("<td>").html(data[i].phone)).appendTo('#ajax1');  
                    };
                }
            });
}
        </script>
</block>